<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>我房旅策</title>
		<link href="../css/common.css" rel="stylesheet" />
		<link href="../css/header.css" rel="stylesheet" />
		<link href="../css/footer.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="../css/htmleaf-demo.css">
		<link rel="stylesheet" href="../css/font-awesome.min.css">
		<link rel="stylesheet" href="../css/jquery.orgchart.css">
		<link rel="stylesheet" href="../css/about.css">
	</head>

	<body>
		<!--头部开始-->
		<div class="header">
			<div class="log-name clearfix  max-size">
				<div class="logo fl"><img src="../image/logo.png"></div>
				<div class="c-name fr"><img src="../image/word.png" alt=""></div>
			</div>
			<nav class="nav">
				<div class="nav-list-box max-size clearfix">
					<div class="nav-list fl">
						<div class="nav-list fl">
							<ul class="clearfix">
								<li class="nav-item fl"><a href="index.html">首页</a></li>
								<li class="nav-item fl"><a class="on" href="about_us.html">关于旅策</a></li>
								<li class="nav-item fl"><a href="data.html">旅策数据</a></li>
								<li class="nav-item fl"><a href="station.html">旅策动态</a></li>
								<li class="nav-item fl"><a href="cooperative-project.html">合作项目</a></li>
								<li class="nav-item fl"><a href="way.html">合作方式</a></li>
								<li class="nav-item fl"><a href="joinus.html">人才中心</a></li>
								<li class="nav-item fl"><a href="complaint.html">投诉建议</a></li>
							</ul>
						</div>
					</div>
					<div class="tel fr clearfix">
						<span class="tel-text fl">客服电话: </span>
						<span class="tel-num fl"> 0898-66668989</span>
					</div>
				</div>
			</nav>
		</div>
		<!--头部结束-->

		<!--banner开始-->
		<div class="banner-box">
			<img src="../image/about_us_banner-img.jpg" alt="">
		</div>
		<!--banner结束-->

		<!--关于我详情开始-->
		<div class="about-us-detail max-size">
			<h2 class="about-t">旅策机构</h2>
			<h3 class="sm-t">TRIP PLANNING AGENCY</h3>
			<p class="about-us-text">
				旅策机构创立于2016年，是我房网旗下的营销代理子品牌。下设案场策划部、市场研究部、市场拓展部及案场支持部，汇集经验丰富的 策划精英，市场分析师，以及专业整合推广团队。拥有旅游地产、刚需地产、商业地产、酒店 式公寓全类型项目的全案操盘经验，成功合作 楼盘100多个，覆盖全海南岛11个市县。
			</p>
			<div class="about-us-img">
				<img src="../image/about-img-bg.jpg" alt="">
				<div id="chart-container"></div>
			</div>
		</div>
		<!--关于我结束-->

		<!--footer开始-->
		<footer class="footer-wrapper">
			<div class="footer-nav-tel-box clearfix max-size">
				<nav class="footer-nav fl">
					<ul class="clearfix">
						<li class="footer-nav-item fl"><a href="#">关于旅策</a></li>
						<li class="footer-nav-item fl"><a href="#">旅策动态</a></li>
						<li class="footer-nav-item fl"><a href="#">加入我们</a></li>
					</ul>
				</nav>
				<div class="tel fr clearfix">
					<span class="tel-text fl">客服电话: </span>
					<span class="tel-num fl"> 0898-66668989</span>
				</div>
			</div>
			<div class="footer-contact-box max-size clearfix">
				<div class="contact-web-net fl">
					<div class="www-net">
						<ul class="clearfix">
							<li class="www-item fl">我房官网：<a href="www.wofang.com">www.wofang.com</a></li>
							<li class="www-item fl">旅策官网：<a href="www.lvcejigou.com">www.lvcejigou.com</a></li>
							<li class="www-item fl">房盟网：<a href="www.fangmeng.com">www.fangmeng.com</a></li>
							<li class="www-item fl">哪里玩网：<a href="www.naliwan.com">www.naliwan.com</a></li>
							<li class="www-item fl">我房装饰：<a href="www.wofangzhuangshi.com">www.wofangzhuangshi.com</a></li>
							<li class="www-item fl">总部地址：<a href="#">海口市龙昆南路金霖花园别墅（海南特区报对面）7栋</a></li>
						</ul>
					</div>
					<p class="copyRight">版权所有 Copyright @ All Rights Reserved &nbsp;&nbsp;&nbsp;&nbsp;海南我房地产顾问有限公司 &nbsp;&nbsp;&nbsp;&nbsp;琼ICP备14000112号-2 &nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.lvcejigou.com">http://www.lvcejigou.com</a></p>
				</div>
				<div class="code fr"><img src="../image/code.png" alt=""></div>
			</div>
		</footer>
		<!--footer结束-->

		<script src="../js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="../js/html2canvas.js"></script>
		<script type="text/javascript" src="../js/jquery.orgchart.js"></script>
		<script type="text/javascript">
			'use strict';
			  (function($){
			
			    $(function() {
			
			      var datascource = {
			        'id': '1',
			        'title': '我房',
			        'relationship': { 'children_num': 8 },
			        'children': [
			          { 'id': '2','title': '吕策', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
			          { 'id': '3', 'title': '技术部', 'relationship': { 'children_num': 2, 'parent_num': 1,'sibling_num': 7 },
			            'children': [
			              { 'id': '4',  'title': '产品', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 1 }},
			              { 'id': '5', 'title': '测试', 'relationship': { 'children_num': 2, 'parent_num': 1,'sibling_num': 1 },
			                'children': [
			                  { 'id': '6',  'title': 'PHP', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 1 }},
			                  { 'id': '7',  'title': '前端', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 1 }}
			                ]
			              }
			            ]
			          },
			          { 'id': '8','title': '安卓', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }},
			          { 'id': '9', 'title': '苹果', 'relationship': { 'children_num': 0, 'parent_num': 1,'sibling_num': 7 }}
			        ]
			      };
			
			      $('#chart-container').orgchart({
			        'data' : datascource,
			//        'nodeTitle': 'name',
			        'nodeContent': 'title',
			        'nodeID': 'id',
			        'createNode': function($node, data) {
			          var nodePrompt = $('<i>', {
			            'class': 'fa fa-info-circle second-menu-icon',
			            click: function() {
			              $(this).siblings('.second-menu').toggle();
			            }
			          });
			//          var secondMenu = '<div class="second-menu"><img class="avatar" src="../image/avatar/' + data.id + '.jpg"></div>';
			//          $node.append(nodePrompt).append(secondMenu);
			        }
			      });
			
			    });
			
			  })(jQuery);
		</script>
	</body>

</html>